//http://www.helloerik.com/bootstrap-3-grid-introduction
.popover{
    min-width: 200px;
}

.text-normal{
    font-weight: normal;
}
.text-bold{
    font-weight: bold;
}
.text-small{
    font-size: @font-size-small;
}
.text-mini{
    font-size: @font-size-mini;
}
.text-color,
.text-color:hover{
    color: @text-color;
}

select.input-xs {
    height: 22px;
    line-height: 22px;
}
.input-xs {
    border-radius: @border-radius-small;
    font-size: @font-size-mini;
    height: 22px;
    line-height: 1.2;
    padding: 2px;
}

.form-group{  
    .error{  
        .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
    }
    .success{
        .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
    }
    .warning{
        .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
    }
}

.label{
    &.text-medium{
        font-size: 85%;   
    }
}

.nav{
    &.nav-pills{
        &.nav-danger{
            .active a,
            .active a:hover,
            .active a:focus{
                background-color: @brand-danger;  
            }
        }
        &.nav-success{
            .active a,
            .active a:hover,
            .active a:focus{
                background-color: @brand-success;  
            }
        }
    }
} 